<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>列表</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <script src="js/rem.js"></script> 
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="css/base.css"/>
    <link rel="stylesheet" type="text/css" href="css/page.css"/>
    <link rel="stylesheet" type="text/css" href="css/all.css"/>
    <link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/loaders.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/loading.css"/>
    <link rel="stylesheet" type="text/css" href="slick/slick.css"/>
    <link rel="stylesheet" href="css/jqpagination.css" />
<script type="text/javascript">
	$(window).load(function(){
		$(".loading").addClass("loader-chanage")
		$(".loading").fadeOut(300)
	})
</script>
</head>
<!--loading页开始-->
<div class="loading">
	<div class="loader">
        <div class="loader-inner pacman">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
        </div>
	</div>
</div>
<!--loading页结束-->
	<body>
		<!--header star-->
	    <header class="mui-bar mui-bar-nav" id="header">
			<a class="btn" href="javascript:history.go(-1)">
	            <i class="iconfont icon-fanhui"></i>
	        </a>
	        <div class="top-sch-box flex-col">
	            <div class="centerflex">
	                <i onclick="serchGoods()" class="fdj iconfont icon-sousuo"></i>
	                <input type="text" name="" id="searchBoxL" value="" class="sch-txt" placeholder="输入您要搜索的商品" />
	            </div>
	        </div>
	      <!--   <a class="btn" href="#">
	            <i class="iconfont icon-gouwuche"></i>
	            <span>2</span>
	        </a> -->
	    </header>
		<!--header end-->

	<div class="warp clearfloat">
		<div class="lists clearfloat">
			<!-- 	<div class="top clearfloat">
					<ul>
						<li>默认</li>
						<li>价格<i class="iconfont icon-xiala"></i></li>
						<li>销量<i class="iconfont icon-xiala"></i></li>
					</ul>
				</div> -->
			<aside>
				<div class="bottom clearfloat" style="width: 30%;float: left;">
					<ul id="slide-goodkind">
						<li class="mui-table-view-divider"><a href="list.html">家居家纺</a></li>
						<li class="mui-table-view-divider"><a href="list.html">五金家装</a></li>
					</ul>
				</div>
			</aside>
			<div class="bottom clearfloat" style="width: 68%;float: right;" id="kindGoods">
				<div class="lie clearfloat">
					<a href="detail.html">
						<div class="tu clearfloat fl">
							<img src="upload/20.jpg" />
						</div>
					</a>
					<div class="right clearfloat fl">
						<a href="detail.html">
							<p class="tit">美国阿拉斯加黑鳕鱼（冻黑鳕鱼）</p>
						</a>
						<div class="xia clearfloat">
							<a href="detail.html">
								<p class="jifen fl over">2998购物币+700积分</p>
							</a> <span class="fr db"><img src="img/jia.png" /></span>
						</div>
					</div>
				</div>
			</div>
			<!-- 分页开始 -->
			<div class="pagination full" id="pageGoodLists">
				<a href="#" class="first" data-action="first">首</a> <a href="#" class="previous" data-action="previous">上</a> <input type="text"
					readonly="readonly" data-max-page="40" /> <a href="#" class="next" data-action="next">下</a> <a href="#" class="last" data-action="last">末</a>
			</div>
			<!-- 分页开始 -->
		</div>
	</div>


	<!--footer star-->
	    <footer class="page-footer fixed-footer" id="footer">
			<ul>
				<li>
					<a href="index.html">
						<i class="iconfont icon-shouye"></i>
						<p>首页</p>
					</a>
				</li>
				<li class="active">
					<a onclick="loadGoods()">
						<i class="iconfont icon-icon04"></i>
						<p>分类</p>
					</a>
				</li>
				<li>
					<a onclick="goShopcar()">
						<i class="iconfont icon-gouwuche"></i>
						<span id="shopcart-number">0</span>
						<p>购物车</p>
					</a>
				</li>
				<li>
					<a href="center.html">
						<i class="iconfont icon-yonghuming"></i>
						<p>我的</p>
					</a>
				</li>
			</ul>
		</footer>
		<!--footer end-->
	</body>
	<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
	<script src="js/mui.min.js"></script>
	<script src="js/others.js"></script>
	<script type="text/javascript" src="js/hmt.js" ></script>
	<script src="slick/slick.js" type="text/javascript" ></script>
	<!--插件-->
	<link rel="stylesheet" href="css/swiper.min.css">
	<script src="js/swiper.jquery.min.js"></script>
	<script type="text/javascript" src="js/cookie_util.js"></script>
	<script src="js/jquery.jqpagination.min.js"></script>
	<script src="js/list.js"></script>
</html>
